html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
    margin: 0;
    padding: 0;
    border: 0;
    vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
    display: block;
}

ol,
ul {
    list-style: none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: normal;
}

blockquote,
q {
    quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
    content: '';
    content: none;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

body {
    font-family: "Helvetica Neue", Helvetica, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "微软雅黑", Arial, sans-serif;
    background: #E6EDF5;
    color: #606266;
}

// 距离下面23像素
.mb23 {
    margin-bottom: 23px;
}

.mr18 {
    margin-right: 18px;
}
.mb20{
    margin-bottom: 20px;
}
.mb13 {
    margin-bottom: 13px;
}

.w80 {
    width: 80px !important;
}

//   公用的title
.title {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: -moz-box;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    -moz-box-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    -moz-box-align: center;
    align-items: center;
    font-size: 16px;
    color: #333;
    height: 31px;
    font-weight: normal;
    border-bottom: 1px solid #ebebeb;
    padding: 0 20px;
    background: #fff;

    span:nth-of-type(2) {
        font-size: 14px;
        color: #666;
        cursor: pointer;

    }
}

.chars-box {
    padding: 20px;
}

// 修改滚动条样式
/*定义滚动条高宽及背景 高宽分别对应横竖滚动条的尺寸*/
::-webkit-scrollbar {
    width: 6px;
    /*滚动条宽度*/
    height: 6px;
    /*滚动条高度*/
}



/*定义滚动条轨道 内阴影+圆角*/
::-webkit-scrollbar-track {
    background: #F0F0F0;
    /*滚动条的背景颜色*/

}

/*定义滑块 内阴影+圆角*/
::-webkit-scrollbar-thumb {
    background: rgba(204, 204, 204, 1);
    /*滚动条的背景颜色*/
    border-radius: 5px;
}

input:-webkit-autofill,
textarea:-webkit-autofill,
select:-webkit-autofill {
    -webkit-text-fill-color: #ededed !important;
    background-color: transparent;
    background-image: none;
    -webkit-transition: background-color 50000s ease-in-out 0s;
    -o-transition: background-color 50000s ease-in-out 0s;
    -moz-transition: background-color 50000s ease-in-out 0s;
    transition: background-color 50000s ease-in-out 0s; //背景色透明  生效时长  过渡效果  启用时延迟的时间
}

input {
    background-color: transparent;
}

* {
    scrollbar-color: rgba(204, 204, 204, 1);
    scrollbar-width: thin;
}

// 搜索头部
.search-btn-box {
    background: #fff;
    padding: 9px 0;
    // box-shadow: 0 2px 4px rgba(0, 0, 0, 0.06) ;


    .search-box {
        padding: 21px 23px 10px 23px;
        display: flex;
    }

    .classify-box {
        padding: 20px 23px 13px 23px;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: -moz-box;
        display: flex;

        .classify-info {
            width: 90%;

            span {
                display: inline-block;
                margin-left: 59px;
                cursor: pointer;
                margin-bottom: 10px;
                font-size: 14px;

                &.actives {
                    color: #5399FF;
                }
            }

            .active {
                color: #035DB3;
            }
        }

    }
}

.w100 {
    width: 100px;
}

.mytable {
    padding: 0 21px;
    background: #fff;
}


//   树搜索样式
.search-tableName .el-input__inner {
    background: #e8eff6 !important;
    border: none;
}


// 底部按钮样式
.btn-box .el-button {

    width: 100px;
    border: none;
    color: #fff;
}

// 灰色按钮
// 灰色按钮
.grayBtn {
    background: #ccc;
    width: 100px;
    border: none;
    color: #fff;
}

.grayBtn:hover {
    background: #ccc;
    color: #fff;

}

.grayBtn:focus {
    background: #ccc;
    color: #fff;
}

// 红色按钮
.redBtn {
    background: #FF7B8C;
    width: 100px;
    border: none;
    color: #fff;
}

.redBtn:hover {
    background: #FF7B8C;
    color: #fff;
}

.redBtn:focus {
    background: #FF7B8C;
    color: #fff;
}

// 绿色按钮
.greenBtn {
    background: #5AC389;
    width: 100px;
    border: none;
    color: #fff;
}

.greenBtn:hover {
    background: #5AC389;
    color: #fff;
}

.greenBtn:focus {
    background: #5AC389;
    color: #fff;
}

// 黄色按钮
.yellowBtn {
    background: #F3A64A;
    width: 100px;
    border: none;
    color: #fff;
}

.yellowBtn:hover {
    background: #F3A64A;
    color: #fff;
}

.yellowBtn:focus {
    background: #F3A64A;
    color: #fff;
}

// 蓝色按钮
.blueBtn {
    background: #5399FF;
    width: 100px;
    border: none;
    color: #fff;
}

.blueBtn:hover {
    background: #5399FF;
    color: #fff;
}

.blueBtn:focus {
    background: #5399FF;
    color: #fff;
}

// 紫色按钮
.purpleBtn {
    background: #B198DC;
    width: 100px;
    border: none;
    color: #fff;
}

.purpleBtn:hover {
    background: #B198DC;
    color: #fff;
}

.purpleBtn:focus {
    background: #B198DC;
    color: #fff;
}

.cron-box {
    display: flex;
}

.submit-btn-box {
    position: absolute;
    right: 0;
    bottom: 0;
}

.gc-panel {
    &__layout {
        margin-top: 20px;
    }

    &__scroll {
        height: 500px;
    }

    &__ft {
        display: flex;
        justify-content: flex-end;
    }
}

// 面包屑选中样式修改
.el-breadcrumb__inner a,
.el-breadcrumb__inner.is-link {
    color: #606266;
    font-weight: 400;
}

.el-collapse-item__header {
    padding: 0 20px;
}

// 树
.el-tree-node>.el-tree-node__children {
    overflow: inherit;
}

// tabs选项卡
.tabs_box {
    .el-tabs.el-tabs--top {
        display: flex;
        flex-direction: column;
        flex: 1;
        overflow: auto;
        height: 100%;

        .el-tabs__content {
            display: flex;
            flex-direction: column;
            flex: 1;
            overflow: auto;

            .el-tab-pane {
                flex: 1;
                overflow: auto;
            }
        }
    }
}


.my_tabs {
    .el-tabs {
        height: 100%;

        .el-tabs__content {
            height: inherit;
            overflow: auto;

            .el-tab-pane {
                height: inherit;
                overflow: auto;
            }
        }
    }
}

// table表格
.el-table__header tr {
    background-color: #f0f0f0;
}

.el-table th.gutter,
.el-table__fixed-right-patch {
    background-color: #f0f0f0;
}

//手风琴效果
.collaps_item {
    .el-collapse-item__header {
        height: 40px;
        padding: 0px 10px;
        color: #333;
        background: #d0d0d0;
    }

    .el-collapse-item__header.is-active {
        background: #02A7F0;
        color: #fff;
    }

    .collapse_title {
        box-sizing: border-box;
        width: 100%;
        display: flex;
        justify-content: space-between;
    }

}